/*
	----------------------------------
	Projet Lumina
	----------------------------------
	
	profil.js
	Gère toutes les interactions javascript
	sur la page commémorative personnelles des
	morts.
	
	EL KHATIRI Safwane
	COHEN Jonathan
	2014
*/

$(document).ready(function() {	

	/* -------------------------------
		Gestion de l'affichage responsive
		et de la navigation
	*/
	// On récupère la résolution sur l'axe Y du client
	var reso_y = $('body').height();
    // On récupère la résolution sur l'axe X du client
	var reso_x = $('body').width();
	//On récupère la taille du coprs
    var reso_body = $('#description_profil').width();
	// On récupère la hauteur en pixel du header et du nav
	var dim_header = $('header').height();
	var dim_nav = $('nav').height();
	var dim_background = reso_y - (dim_header + dim_nav);

	// On adapte la taille de la photo background à la resolution du client
	$('#top_profile').css('height', dim_background);

	// On positione le nav bar en fonction
	$('#nav_profil').css('top', dim_background);
	
	$('#description_profil').css('top', reso_y + dim_nav);
    var height_description_profil = $('#description_profil').height();
	$('#description_profil').css('height', height_description_profil + reso_y);

	// On règle le slide lors du click sur le down_arrow
	$('.down_arrow').click(function(){
		$('html, body').animate({
			scrollTop: $('#nav_profil').offset().top
		}, 700);
		return false;
	});

    // On règle le slide lors du click sur le bouton Principal
	$('#principal_btn').click(function(){
		$('html, body').animate({
			scrollTop: $('#description_profil').offset().top -50
		}, 700);
		return false;
	});
    
    // On règle le slide lors du click sur le bouton Lifeline
	$('#lifefine_btn').click(function(){
		$('html, body').animate({
			scrollTop: $('#lifeline_profil').offset().top -50
		}, 700);
		return false;
	});
    
    // On règle le slide lors du click sur le bouton Album
	$('#albums_btn').click(function(){
		$('html, body').animate({
			scrollTop: $('#album_profil').offset().top -50
		}, 700);
		return false;
	});
    
    // On règle le slide lors du click sur le bouton GoldenBook
	$('#goldenbook_btn').click(function(){
		$('html, body').animate({
			scrollTop: $('#golden_book').offset().top -50
		}, 700);
		return false;
	});
    
	// On règle l'apparence du bottom_arrow d'après la position du scroll bar
	$(function() {
		$(window).scroll(function() {
			if ($(this).scrollTop() != 0) $(".down_arrow").fadeOut();
			else $(".down_arrow").fadeIn();
			
			// On règle la persitance de la nav bar du profil
			if($(this).scrollTop()>=reso_y) {
				$('#nav_profil').css('position', 'fixed');
				$('#nav_profil').css('top', '0');
			} else {
				$('#nav_profil').css('position', 'relative');
				$('#nav_profil').css('top', dim_background );
			}
          
	   });
    });


	
	/* -------------------------------
		Gestion de l'ajout de roses sur
		la tombe du mort
	*/
	$("#rose_profile").click(function() {
		var id_temp = document.location.search;
		var id = id_temp.replace('?id=', '');
		$.ajax ({
			type: 'GET',
			url: 'request/sendroses.php',
			data:{ id : id },
			dataType: 'text',
			success: function(data) {
				$("#rose_profile span").text(parseInt($("#rose_profile span").text()) + parseInt(data))
			}
		});
	});


	
	/* -------------------------------
		Gestion de l'ajout de d'un message
		dans le lvire d'or
	*/
	$("#golden_book form").submit(function(event) {
		event.preventDefault();
		if($("username_golden_book").val() != "" && $("textarea_golden_book").val() != "") {
			var id_temp = document.location.search;
			var id = id_temp.replace('?id=', '');
			var username = $("#username_golden_book").val();
			var content = $("#textarea_golden_book").val();
			
			$.ajax ({
				type: 'GET',
				url: 'request/addMessageGoldenBook.php',
				data:{ id : id, username : username, content : content },
				dataType: 'text',
				success: function(data) {
					// On vide les champs de saisie
					$("#username_golden_book").val("");
					$("#textarea_golden_book").val("");
					
					// On ajoute le message
					$("#golden_book_messages_list").prepend("<li> <p class='quote_text'> <img class='quote_img' src='data/GUI/quote_open.png'/>" + content + "<img class='quote_img' src='data/GUI/quote_close.png'/> - " + username + " </p> </li>");
				}
			});
		}
	});
	
	
    
	/* -------------------------------
		Gestion de l'album sur
		la tombe du mort
		(plugin Glisse.js)
	*/   
    $(function () {
        $('.pics').glisse({
            changeSpeed: 550, 
            speed: 500,
            effect:'bounce',
            fullscreen: false
        }); 
    });
});